<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://fonts.googleapis.com/css?family=Lora|Poppins:300,400,500,600,700|Roboto:100,300,400,500,700,900" rel="stylesheet">

    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <!-- Place favicon.ico in the root directory -->

    <link rel="stylesheet" href="css/vendor/bootstrap.min.css">
    <!-- ThemeFisher Icon -->
    <link rel="stylesheet" href="css/vendor/themefisher-fonts.css">
    <!-- Owl Carousel -->
    <link rel="stylesheet" href="css/vendor/owl.carousel.css">
    <link rel="stylesheet" href="css/vendor/owl.transitions.css">
    <!-- Light Box -->
    <link rel="stylesheet" href="css/vendor/magnific-popup.css">
    <!-- fullpage -->
    <link rel="stylesheet" href="css/vendor/fullpage.min.css">
    <link rel="stylesheet" href="css/vendor/playfairdisplaysc.css">
    <!-- <link rel="stylesheet" href="css/vendor/font-awesome.min.css"> -->
    <link rel="stylesheet" href="css/styleIndex.css">

    <style>
        /* Always set the map height explicitly to define the size of the div
         * element that contains the map. */
        #map {
            height: 100%;
        }
        /* Optional: Makes the sample page fill the window. */

    </style>
    <script src="js/vendor/modernizr.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<!-- Loader to display before content Load-->
<div class="loading">

    <!-- <img src="img/loader.gif" alt=""> -->

    <div class="windows8 loading-position">
        <div class="wBall" id="wBall_1">
            <div class="wInnerBall"></div>
        </div>
        <div class="wBall" id="wBall_2">
            <div class="wInnerBall"></div>
        </div>
        <div class="wBall" id="wBall_3">
            <div class="wInnerBall"></div>
        </div>
        <div class="wBall" id="wBall_4">
            <div class="wInnerBall"></div>
        </div>
        <div class="wBall" id="wBall_5">
            <div class="wInnerBall"></div>
        </div>
    </div>
</div>

<!-- Hero Area -section
 =========================-->
<header class="hero-area th-fullpage" data-parallax="scroll" style="background: url(images/bg-1.jpg);background-size: cover">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>金榜试题管理系统</h1>
            </div>
        </div>
    </div>
</header>

<a class="btn btn--success btn--floating box-shadow-wide" target="_blank" href="javascript:;" id="login">
    <span class="btn__text">
        进入系统
    </span>
</a>
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="container">
                <div class="footer-top">
                    <div class="col-md-4">
                        <!-- footer About section
                        ========================== -->
                        <div class="footer-about">
                            <h3 class="footer-title">About</h3>
                            <p>金榜教育 <br>
                                专注线下教育 20 年 <br>
                                金榜试题管理系统 <br>
                                汇集精题 </p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <!-- footer Address section
                        ========================== -->
                        <div class="footer-address">
                            <h3 class="footer-title">Address</h3>
                            <p>上海市宝山区上大路 99 号</p>
                            <p class="contact-address">
                                Contact us : <a href="tel:+610383666274"> (021) 66134278 </a> <br>
                                E-mail us : <a href="mailto:info@info.com">mail@shu.edu.cn</a>
                            </p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <!-- footer Media link section
                        ========================== -->
                        <div class="footer-social-media">
                            <h3 class="footer-title">Keep in touch</h3>
                            <ul class="footer-media-link">
                                <li><a href="#"><i class="tf-ion-social-facebook" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="tf-ion-social-twitter" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="tf-ion-social-linkedin-outline" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="tf-ion-social-google-outline" aria-hidden="true"></i></a></li>
                                <li><a href="#"><i class="tf-ion-social-instagram-outline" aria-hidden="true"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>

                <div class="text-center">
                    <div class="col-md-12">
                        <div class="copyright">
                            <p>&copy; 2019 All rights reserved. <br> 金榜教育 </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>


<script src="https://cdn.bootcss.com/jquery/2.1.2/jquery.js"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<!-- Owl Carousel js -->
<script src="js/vendor/owl.carousel.min.js"></script>
<!-- Mixitup -->
<script src="js/vendor/jquery.mixitup.js"></script>
<!-- Lightbox -->
<script src="js/vendor/jquery.magnific-popup.min.js"></script>
<!-- Parallax -->
<script src="js/vendor/parallax.min.js"></script>
<!-- Video -->
<script src="js/vendor/jquery.vide.js"></script>

<script src="js/scriptIndex.js"></script>
</body>
</html>

